<template>
  <div id="container" style="width: 500px;height:500px"></div>
</template>
<script setup>
import * as  monaco from 'monaco-editor'
import { onMounted } from 'vue'

defineOptions({
  name: 'monaco-editor',
})
onMounted(() => {
  monaco.editor.create(document.getElementById('container'), {
    value: 'console.log("Hello, world")',
    language: 'javascript',
  })
})
</script>
